<template>
  <div class="management">
<!--    <span>11</span>-->
    <div class="management_div">
      <div class="management_content" @click="skipToQstb('index1')">
        <div class="management_title">智慧党建</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 1.png" class="imgs"></img></div>
        <div class="management_subtitle">zhihuidangjian</div>
        <div class="management_button" >
          <span class="div_button" href="#">查看详情</span>
        </div>
      </div>
      <div class="management_content" @click="skipToQstb('index')">
        <div class="management_title">文明实践</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 9.png" class="imgs"></img></div>
        <div class="management_subtitle">wenmingshijian</div>
        <div class="management_button" >
          <span class="div_button">查看详情</span>
        </div>
      </div>
      <div class="management_content" @click="skipToQstb('index2')">
        <div class="management_title">综合治理</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 7.png" class="imgs"></img></div>
        <div class="management_subtitle">zonghezhili</div>
        <div class="management_button">
          <span class="div_button">查看详情</span>
        </div>
      </div>
      <div class="management_content" @click="skipToQstb('index3')">
        <div class="management_title">群体管理</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 4.png" class="imgs"></img></div>
        <div class="management_subtitle">quntiguanli</div>
        <div class="management_button">
          <span class="div_button">查看详情</span>
        </div>
      </div>
      <div class="management_content" @click="skipToQstb('index4')">
        <div class="management_title">社团管理</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 8.png" class="imgs"></img></div>
        <div class="management_subtitle">shetuanguanli</div>
        <div class="management_button">
          <span class="div_button">查看详情</span>
        </div>
      </div>
      <div style="margin-top: 1%;" class="management_content" @click="skipToQstb('index5')">
        <div class="management_title">诉求办理</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 5.png" class="imgs"></img></div>
        <div class="management_subtitle">suqiubanli</div>
        <div class="management_button">
          <span class="div_button" @click="error(false)">查看详情</span>
        </div>
      </div>
      <div class="management_content" @click="skipToQstb('index6')">
        <div class="management_title">网格化管理</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 6.png" class="imgs"></img></div>
        <div class="management_subtitle">wanggehuaguanli</div>
        <div class="management_button">
          <span class="div_button" @click="error(false)">查看详情</span>
        </div>
      </div>
      <div class="management_content"  @click="skipToQstb('mainv3')">
        <div class="management_title">政务服务</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 10.png" class="imgs"></img></div>
        <div class="management_subtitle">zhengwufuwu</div>
        <div class="management_button">
          <span class="div_button">查看详情</span>
        </div>
      </div>
      <div class="management_content"  @click="skipToQstb('index7')">
        <div class="management_title">便民服务</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 3.png" class="imgs"></img></div>
        <div class="management_subtitle">bianminfuwu</div>
        <div class="management_button">
          <span class="div_button" @click="error(false)">查看详情</span>
        </div>
      </div>
      <div class="management_content"  @click="skipToQstb('index8')">
        <div class="management_title">扶贫帮困</div>
        <div class="box2-right"><img src="../../../assets/summary/形状 2.png" class="imgs"></img></div>
        <div class="management_subtitle">fupinbangkun</div>
        <div class="management_button" >
          <span class="div_button" @click="error(false)" >查看详情</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
// import qstb_bg from '@/assets/summary/全市通办.png'
// import total_menuas from '@/assets/summary/total_menuas.jpeg'

export default {
  data () {
    return {
      // total_menuas,
      // limitData: [],
      // qstb_bg,
      login_url
    }
  },
  // created () {
  //   // 鞍山环境下 修改logo
  //   // if (xeUtils.locat().origin.includes('anshantb')) {
  //   this.total_menu = this.total_menuas
  //   // }
  // },
  methods: {
    // error (nodesc) {
    //   this.$Notice.error({
    //     title: '提示',
    //     desc: nodesc ? '' : '无此系统权限,不可跳转 '
    //   })
    // },
    skipToQstb (url) { // 全市通办跳转
      console.log(url)
      if (url === 'mainv3') {
        if (this.login_url.indexOf('http://asqstb') !== -1) { // 生产环境 {
          window.open('http://asqstb.lngov.top/bmfw/#/mainv3')
        } else {
          this.$router.push({ name: url })
        }
      } else {
        this.$Message.warning('无此系统权限,不可跳转')
      }
    }
  },
  mounted () {
    this.login_url = window.location.href
    // console.log(this.login_url, this.limit_system, '@@@')
    // console.log(this.limit_system.split(','))
    // if (this.limit_system.indexOf('csc') !== -1) {
    //   this.limitData[0] = true
    // } else {
    //   this.limitData[0] = false
    // }
  }
}
</script>
}
</script>
<style>
.management {
  width: 100%;
  height: 101%;
  background-image: url('../../../assets/summary/anshandashouye.png');
  background-size: 100% 100%;
  background-position: center;
  position: relative;
}
.management_div {
  position: fixed;
  top: 36%;
  left: 11%;
  /*background-color: red;*/
  width: 77%;
  height: 44%;
}
.management_content {
  width: 19%;
  background-color: #EEEEEEFF;
  height: 50%;
  display: -webkit-inline-flex;
  margin-left: 1%;
  border-radius: 20px;
  color: #5B5B5B;
}
.management_title {
  position: absolute;
  padding-left: 1%;
  padding-top: 1%;
  height: 14%;
  font-size: 18px;
  width: 100%;
}
.management_subtitle {
  position: absolute;
  padding-left: 1%;
  padding-top: 3%;
  height: auto;
  font-size: 14px;
  width: 100%;
}
.management_content:hover{
  background-color: #FFFFFFFF;
  color: #1C4AB3;
  }
.management_button {
  position: relative;
  padding-left: 1%;
  padding-top: 51%;
  height: auto;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
.div_button {
  color: #5B5B5BFF;
  font-size: 9px;
  width: 80%;
  text-align: center;
  border:0.5px solid #A2A2A2;
  border-radius: 10px 10px 10px 10px;
  background: #A2A2A2;
  margin: 2.5%;
  padding: 10px 35px 10px 35px;
}
.div_button:hover {
  background: #FF0088FF;
  color: white;
}
.box2-right {
  position: absolute;
  padding-left: 16%;
  padding-top: 1%;
}
</style>
